.mi-header {
    padding: 20px;
    overflow: hidden;
}
.mi-title {
    float: left;
    height: 40px;
    font-size: 26px;
    font-weight: 500;
    color: #333;
    line-height: 40px;
}
.mi-logo {
    display: inline-block;
    vertical-align: top;
    margin-right: -2px;
}
img{
    margin-top: -10px;
}
.mi-nav {
    float: right;
}
.mi-nav__item {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #838383;
    line-height: 40px;	
}
a:HOVER {
    color: orange;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    text-decoration-skip: objects;
}
.mi-content {
    text-align: center;
    position: relative;
    padding-top: 20px;
}
.mi-content__card {
    border-radius: 4px;
    padding: 40px 45px;
    margin: 0 auto 80px;
    box-shadow: 2px -9px 16px 11px hsl(0deg 0% 64% / 10%);
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    min-width: 500px;
    min-height: 600px;
    text-align: left;
}
.mi-content__card span{
    font-size: 25px;
    margin-left: 6px;
    margin-right: 6px;
}
#logindiv,#rigistdiv{
    margin-top: 40px;
    margin-left: 10px;
}
.account_input{
    width: 350px;
    height: 56px;
    background-color: #f9f9f9;
    border: none;
    font-size: 16px;
    padding-left:20px; 
    border-radius:6px;
    outline:none;
}
.Password_input{
    margin-top:20px;
    width: 350px;
    height: 56px;
    background-color: #f9f9f9;
    border: none;
    font-size: 16px;
    padding-left:20px; 
    border-radius:6px;
    outline:none;
}
.AccountHint,.PasswordHint{
    display: none;
    color: red;
    font-size: 13px;
}
.UserAccount{
    font-size: 15px;
    position:absolute;
    margin-top: -39px;
    margin-left: 22px;	
    letter-spacing:2px;
    color: #a5a5a5;
}
.UserPassword{
    font-size: 15px;
    position:absolute;
    margin-top: -39px;
    margin-left: 22px;	
    letter-spacing:2px;
    color: #a5a5a5;
}
input[type=checkbox]{
    cursor: pointer;
    position: relative;
    margin-top: 23px;
    width: 20px;
    height: 20px;
    font-size: 9px;
}
input[type=checkbox]::after{
    position: absolute;
    border: none;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 1px
}  
input[type=checkbox]:checked::after{
    background-color: #ff670c;
    border-color: #ff670c;
    content: "✓";
    font-size: 9px;
    font-weight: bold;
}
.Read,.and{
    color: #a5a5a5;
    font-size: 14px;
    margin-top: -22px;
    margin-left: 30px;
}
.TCP,.Policy{
    text-decoration: none; 
    color: black;
    position: absolute;
    font-size: 14px;
    margin-top: -34px;
    margin-left: 174px;
}
.and{
    margin-top: -34px;
    margin-left: 236px;
}
.Policy{
    margin-left: 257px;
    margin-top: -34px;
}
#loginButton{
    margin-top:15px;
    width: 369px;
    height: 60px;
    background-color: #ff5d01;
    /* background-color: rgb(241,145,84); */
    border: none;
    font-size: 16px;
    border-radius:3px;
    outline:none;
    color: white;
    text-align: center;
    font-size: 16px;
}
#rigistButton{
    margin-top:15px;
    width: 369px;
    height: 60px;
    background-color: #ff5d01;
    /* background-color: rgb(241,145,84); */
    border: none;
    font-size: 16px;
    border-radius:3px;
    outline:none;
    color: white;
    text-align: center;
    font-size: 16px;
}
.ForgetPassword,.PhoneLogin{
    position: absolute;
    color: #ff5d01;
    font-size: 16px;
    text-decoration: none;
    margin-left: -370px;
    margin-top: 86px;
}
.PhoneLogin{
    margin-left: -86px;
}
#rigistdiv_country_button{
    border: 0px;
    width: 360px;
    height: 64px;
    background-color: #f9f9f9;
    cursor: not-allowed;
}
#rigistdiv_phone_button{
    margin-top:20px;
    border: 0px;
    width: 150px;
    height: 64.5px;
    background-color: #f9f9f9;
    cursor: not-allowed;
    border-radius:6px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
#country{
    font-size: 3px;
    margin-top: -60px;
    margin-left: 20px;
    color: #a5a5a5;
}
#China{
    margin-left: 20px;
    margin-top: 7px;
}
#countryid{
    color: #a5a5a5;
    font-size: 3px;
    margin-top: -60px;
    margin-left: 20px;
}
#countryid_number{
    color: #a5a5a5;
    margin-left: 20px;
    margin-top: 7px;
}
.phone_input{
    position:absolute;
    margin-top: -68px;
    margin-left: 150px;
    width: 190px;
    height: 60.5px;
    background-color: #f9f9f9;
    border: none;
    font-size: 16px;
    padding-left:20px; 
    outline:none;
    border-radius:6px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
} 
.UserPhone{
    font-size: 15px;
    position:absolute;
    margin-top: -47px;
    margin-left: 170px;	
    letter-spacing:2px;
    color: #a5a5a5;
}
.PhoneHint{
    display: none;
    color: red;
    font-size: 10px;
}
.message_input{
    margin-top:20px;
    width: 347px;
    height: 60px;
    background-color: #f9f9f9;
    border: none;
    font-size: 16px;
    padding-left:20px; 
    border-radius:6px;
    outline:none;
}
.UserMessage{
    font-size: 15px;
    position:absolute;
    margin-top: -43px;
    margin-left: 22px;
    letter-spacing:2px;
    color: #a5a5a5;
}
.MessageHint{
    display: none;
    color: red;
    font-size: 10px;
}
.message_button{
    position: absolute;
    color: #ff5d01;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-left: -110px;
    margin-top: 40px;
    border: 0px;
}
#login{
    color: black;
}
#regist{
    color: #c8c7c7;
    margin-left: 66px;
    margin-top: -32px;
}
#logindiv{
    display:block;
    width: 400px;
    height: 400px;
}
#rigistdiv{
    display:none;
    width: 400px;
    height: 400px;
}
